<template>
  <div class="add">
    <el-tabs type="border-card" model-value="item1">
      <el-tab-pane name="item1">
        <template v-slot:label><el-icon><FolderAdd /></el-icon>新建题库</template>
        <addPaper/>
      </el-tab-pane>
      <el-tab-pane name="item2">
        <template v-slot:label><el-icon><DocumentAdd/></el-icon>新建试题</template>
        <addQuestion/>
      </el-tab-pane>
      <el-tab-pane name="item3">
        <template v-slot:label><el-icon><DocumentCopy /></el-icon>快速组卷</template>
        <addComposePaper/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import {FolderAdd,DocumentAdd,DocumentCopy} from '@element-plus/icons-vue'
import addPaper from "@/components/manage/paper/addPaper";
import addQuestion from "@/components/manage/paper/addQuestion";
import addComposePaper from "@/components/manage/paper/addComposePaper";
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "add",
  components: {addQuestion, addPaper,addComposePaper,DocumentCopy, DocumentAdd,FolderAdd},
  setup(){

  }
}
</script>

<style scoped>
.add {
  margin: 0px 40px;
}

</style>